
*{ margin:0; padding:0;}
html{ font-size:62.5%}
body{
	font-family:Arial;
	}
li{ list-style:none;}
a{ text-decoration:none;}
a:hover{ text-decoration:underline;}

.clearfix:after{ content:""; display:block;clear:both;}
.clearfix{zoom:1;}
/*以下是头部部分样式*/
#header{ background:url(images/headerBg.gif) repeat-x;}
#header h1{ width:1000px;
            margin:0 auto;}
#nav{ height:34px; 
      background:url(images/navBg.gif) repeat-x; }
#nav ul{ width:1000px;
         margin:0 auto;
	}
#nav li{ float:left;
         background:url(images/line.gif) no-repeat right;
		 }
#nav li a{ line-height:34px;
           color:#fff;
		   padding:0 30px;
		   font-size:14px;
		   display:block;}
#nav li a:hover{ background:url(images/hoverBg.gif) repeat-x; 
  				 color:#000;
   }

#banner{ width:1000px;
         margin:10px auto;}
#main{ width:1000px;
       margin:0 auto;
	 }
.imgNews{ width:343px;
          float:left;
		 }
.news{ width:383px;
       float:left;
	   margin-left:20px;
	 }
.sidebar{ width:230px;
          float:right;
		 }

.hd{ border-bottom:#ccc solid 1px;
     margin-bottom:10px;}
.hd h2{ font-size:16px;
        color:#c00;
		border-bottom:#ccc solid 1px;
		line-height:30px;
		display:inline-block;}
.hd h2 span{ color:#999;
             font-family:Arial;
			 font-weight:normal;
			 margin-left:5px;}
#main .hd a { float:right;
              line-height:30px;
			  font-size:12px;
			  color:#666;
			  text-decoration:none;}
.imgNews img{ border:#ccc solid 1px;
              padding:3px;
			  margin-right:8px;
			  float:left;
}
.imgNews h3{ font-size:12px;
             margin-bottom:5px;}
.imgNews p{ font-size:12px;
             color:#666;
			 line-height:20px;
			 text-indent:2em;}
.imgNews a{ color:#F00;
            text-decoration:none;}
.imgNews li{ margin-bottom:10px;
             list-style:none;}
.imgNews ul li:after{
	content:"";
	clear:both;
	display:block;
	}
.news li span{ float:right;
                color:#999;
				font-size:12px;
				line-height:28px;}
.news a{ font-size:12px;
         color:#000;
		 line-height:28px;
		 text-decoration:none;}	
.news a:hover{color:#c00;
              text-decoration:underline;}
.news li{ border-bottom:1px dashed #ccc;
          padding-left:13px;
		  background:url(images/sj_tb.gif) no-repeat left;
		  }
.sidebar ul{margin-bottom:10px;}
.sidebar li{ background:url(images/dot2.gif) no-repeat left ;
             padding-left:15px;
			 border-bottom:#CCC dashed 1px;}
.sidebar  a{  text-decoration:none;
              line-height:28px;
			  color:#000;
			  font-size:12px;}
.severFont{ display:none;}

.friend{ width:1000px;
         margin:10px auto;
		 line-height:25px;}
.friend ul{border-bottom:#999 solid 1px;
		   border-top:#999 solid 1px;
		 }
.friend li{ 
            float:left;
			font-size:12px;
				}
.friend li a{ text-decoration:none;
              color:#666;
			  margin-right:15px;
			  }
.footer{ text-align:center;
         font-size:12px;
		 line-height:25px;
		 }

@media screen and ( max-width:768px){
#header h1{width:100%; }
#header img{ max-width:100%}
#nav ul{ width:100%}
#banner{ width:100% ;margin:5px auto;}
#banner img{ max-width:100%}
#main{ width:98%;}
.hd h2{font-size:2em;}
.imgNews{ width:100%; float:none;}
.imgNews h3{ font-size:1.8em;}
.imgNews li{ width:49%;
              float:left;
			 margin-right:5px;}
.imgNews p{ font-size:1.6em;}
.news,.sidebar{ width:49%;
	           margin:0;}
.news li a ,.sidebar li a{ font-size:1.6em;}
.sever{ display:none;}
.severFont{ display:block;}
.friend{width:98%;}
@font-face {
	font-family: 'icomoon';
	src:url('iconfont/fonts/icomoon.eot');
	src:url('iconfont/fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('iconfont/fonts/icomoon.woff') format('woff'),
		url('iconfont/fonts/icomoon.ttf') format('truetype'),
		url('iconfont/fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
.iconfont{font-family:"icomoon";font-size:22px;font-style:normal; vertical-align:-4px;}
.severFont li{ background:none; border:#666 solid 1px; border-radius:5px; padding:0 15px; margin:5px 8px; float:left;}
}
@media screen and (max-width:640px){
body{-webkit-text-size-adjust:none;}
#nav li{ width:16%; text-align:center;}
#nav li a{ font-size:1.6em; padding:0;}
.imgNews li{width:100%;margin-bottom:15px;}
.news,.sidebar{ width:100%; float:none;}
.news{ margin-bottom:15px;}
.news a,.sidebar a{ font-size:1.4em;}
.friend li{  font-size:1.4em;}
.friend li a{ margin-right:10px;}
.icofont{ vertical-align:-4px; }
.severFont li{ padding:0 10px; margin:5px 3px;}
}
@media screen and ( max-width:405px){
#nav{ height:auto; background:none;}
#nav li{ width:33.3333333%;}
#nav li a{ font-size:1.6em; background:#C00; border-right:#FFF solid 1px;border-bottom:#FFF solid 1px;}
.imgNews p{ font-size:1.4em;}
.news li span{ display:none;}
.severFont li{ margin:5px 8px;}
	}

